var vm = new Vue({
    el: "#app",
    data: {
        taskName: '', //保存输入框中的任务名称
        taskList: []//保存新增的任务
    },
    methods: {
        addTask(){
            // if(taskName.length>0)
            //构建一个新的任务对象
            var obj = {id: this.taskList.length+1, name: this.taskName, status: false};
            this.taskList.push(obj); //添加到任务列表中
            this.taskName = ''  //清空输入框
        },
        changeStatus(item){
            item.status = !item.status;
        },
        reduseTask(index){
            var obj = {id: this.taskList.length-1, name: this.taskName};
            this.taskList.splice(index,1);
        }
    },
    computed: {
        unFinishCount(){
            var arr = this.taskList.filter((item) => {
                return item.status == false;
            })
            return arr.length;
        }
    }
})